$(function() {
    //需求点击隐藏
    // 点击注册a链接显示隐藏登录盒子
    $(`#loginBox a`).on(`click`, function() {
            $(`#loginBox`).hide().siblings().show()
        })
        // 点击登录a链接显示隐藏注册盒子
    $(`#regBox a`).on(`click`, function() {
        $(`#regBox`).hide().siblings().show()
    })
    let form = layui.form;
    // 定义校验规则
    // 导入layui.all
    // 用layui里面的form的verify()方法
    // 参数是对象，属性是校验名称，值是校验规则
    // 值有两种类型：函数和数组
    form.verify({
        // 属性是校验名称，值是校验规则
        // 值有两种类型：函数和数组
        username: [
            /^[a-zA-Z0-9]{1,10}$/, `用户名是1-10位字母和数字`
        ],
        pwd: [
            /^[a-zA-Z0-9]{6,12}$/, `密码长为6-12位`
        ],
        repwd: function(value) {
            // value就是你给哪个标签添加这个校验规则这个标签的值就赋值给value
            let pwd = $(`#regBox input[name="password"]`).val()
            if (pwd !== value) {
                return `两次密码输入不一致`
            }
        }
    })
    let layer = layui.layer
    $(`#formReg`).on(`submit`, function(e) {
        // 阻止表单默认提交
        e.preventDefault()
        console.log($(this).serialize());
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(({ data: res }) => {
            if (res.status === 0) {

                layer.msg('注册成功，请登录~')
                    // 展示登录的盒子
                $('#link-login').click()
                $(`#formReg`)[0].reset()
            } else {
                return layer.msg(res.message)
            }
        })
    })

    $(`#formLogin`).on(`submit`, function(e) {
        // 阻止表单默认提交
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(({ data: res }) => {
            if (res.status === 0) {
                layer.msg('登录成功')
                localStorage.setItem(`token`, res.token)
                location.href = `/index.html`
            } else {
                return layer.msg(res.message)
            }
        })
    })

})